<template>
	<div class="">
		<van-image width="100" height="100" :src="user.avatar" />
		<div class="">
            <li v-for="(item, index) in list">{{item.name}},<van-image width="100" height="100" :src="item.avatar" />{{item.min_user_time}},{{item.max_point}}</li>      
        </div>
	</div>
</template>
<script>
import { getRank } from '@/api/user'
export default {
    data() {
        return {
            info: this.$store.state.acc,
            user: this.$store.state.user,
            list: [],
        }
    },
    created(e) {
    	this.getList()
    },
    methods: {
    	getList (){
    		this.$toast.loading({
		      message: '加载中...',
		      forbidClick: false,
		      loadingType: 'spinner',
		      duration: 10000
		    });
    		getRank({}).then(res=> {
    			this.$toast.clear()
                this.list = res.data
    		})
    	}
    }
}
</script>